
$(".carNav li").click(function () {
    let index = $(this).index();
    if(index == 0){
        $("#carOperateTable").show();
        $("#carArchivesTable").hide();
        $(".carNav").find("li")[index].className = "active";
        $(".carNav").find("li").last().removeClass("active");
    }else if (index == 1) {
        $("#carArchivesTable").show();
        $("#carOperateTable").hide();
        $(".carNav").find("li")[index].className = "active";
        $(".carNav").find("li").first().removeClass("active");
    }
});


// 车位运营
$(function () {
    var carArr = [
        {
            seNum : 1,
            carNum : 'A1001',
            village : 'A区',
            type : '地面',
            yunYIngMS : '租赁',
            yunYIngZT : '正常',
            userName : '张三',
            userPhone : '13036111188',
            shTime : '2021/06/07 09:23:23',
        },
        {
            seNum : 2,
            carNum : 'A1002',
            village : 'B区',
            type : '地库',
            yunYIngMS : '销售',
            yunYIngZT : '正常',
            userName : '张四',
            userPhone : '13036****48',
            shTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 3,
            carNum : 'A1003',
            village : 'B区',
            type : '地库',
            yunYIngMS : '销售',
            yunYIngZT : '正常',
            userName : '张四',
            userPhone : '13036****48',
            shTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 4,
            carNum : 'A1004',
            village : 'B区',
            type : '地库',
            yunYIngMS : '销售',
            yunYIngZT : '正常',
            userName : '张四',
            userPhone : '13036****48',
            shTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 5,
            carNum : 'A1105',
            village : 'B区',
            type : '地库',
            yunYIngMS : '销售',
            yunYIngZT : '正常',
            userName : '张四',
            userPhone : '13036****48',
            shTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 6,
            carNum : 'A1006',
            village : 'B区',
            type : '地库',
            yunYIngMS : '销售',
            yunYIngZT : '正常',
            userName : '张四',
            userPhone : '13036****48',
            shTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 7,
            carNum : 'A1007',
            village : 'B区',
            type : '地库',
            yunYIngMS : '销售',
            yunYIngZT : '正常',
            userName : '张四',
            userPhone : '13036****48',
            shTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 8,
            carNum : 'A1008',
            village : 'B区',
            type : '地库',
            yunYIngMS : '销售',
            yunYIngZT : '正常',
            userName : '张四',
            userPhone : '13036****48',
            shTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 9,
            carNum : 'A1109',
            village : 'B区',
            type : '地库',
            yunYIngMS : '销售',
            yunYIngZT : '正常',
            userName : '张四',
            userPhone : '13036****48',
            shTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 10,
            carNum : 'A1110',
            village : 'B区',
            type : '地库',
            yunYIngMS : '销售',
            yunYIngZT : '正常',
            userName : '张四',
            userPhone : '13036****48',
            shTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 11,
            carNum : 'A1111',
            village : 'B区',
            type : '地库',
            yunYIngMS : '销售',
            yunYIngZT : '正常',
            userName : '张wu',
            userPhone : '13036****48',
            shTime : '2021/06/08 09:23:23',
        }
    ];

    function showTable(carArr){
        $("#carOperateTable tbody").html('');
        var res='';
        for(let i=0;i<carArr.length;i++){
            res+='<tr class="trr"><td>'+carArr[i].seNum+'</td><td>'+carArr[i].carNum+'</td><td>'+carArr[i].village+'</td><td>'+carArr[i].type+'</td><td>'+carArr[i].yunYIngMS+'</td><td>'+carArr[i].yunYIngZT+'</td><td>'+carArr[i].userName+'</td><td>'+carArr[i].userPhone+'</td><td>'+carArr[i].shTime+'</td><td>'+'<a class="re" data-toggle="modal" data-target="#exampleModal" >编辑</a><span>            </span><a class="del" data-index='+i+' data-toggle="modal" data-target="#exampleModal" >删除</a>'+'</td></tr>';
        }
        $("#carOperateTable tbody").html(res);
        rowShow();
    }
    showTable(carArr);
    // 每页只显示10行
    function rowShow() {
        for (let i = 0; i < $("#carOperateTable tbody tr").length; i++) {
            if(i<10){
                $("#carOperateTable tbody tr").eq(i).show();
            }else {
                $("#carOperateTable tbody tr").eq(i).hide();
            }
            
        }
    }
    // 下拉列表查询
    $("#carOperateTable select").change(function () {
        // let newArr = [];
        for (let j=0;j<carArr.length;j++) {
            if($(this).val() == '全部'){
                $(".trr").eq(j).show();
                rowShow();
            }else if ($(this).val() == carArr[j].yunYIngMS) {
                $(".trr").eq(j).show();
            }
            else {
                $(".trr").eq(j).hide();
            }
        }
    });


    // 查询
    $("#carOperateTable input").on("keyup",function () {
        let value =  $(this).val();
        for (let i = 0; i < carArr.length; i++) {
            
            $(".trr").hide().filter(":contains('" + (value) + "')").show();
        }
    });


    // 修改
    $("#carOperateTable").off().on("click",".re",function () {
        var a = $(this).parent().parent().index();
        $("#myModal").modal('show');
        $("#submit").attr("disabled", "true");
        var index = $(this).parent().parent().children();
        var regPhone = /^1[3456789]\d{9}$/;//判断电话号码
        var regNum = /^A\d{4}$/;//车位号
        // 判断车位号
        $("#carNum").on('keyup',function () {
            let tip = $(this).next();
            if(regNum.test($("#carNum").val())){
                tip.css({"display":"inline-block"});
                tip.css({"backgroundColor":"green"});
            }else {
                tip.css({"display":"inline-block"});
                tip.css({"backgroundColor":"red"});
                $("#submit").attr("disabled", "true");
            }
            btnDisabled();
        });
        // 判断用户名是否为空
        $("#userName").on('keyup',function () {
            let tip = $(this).next();
            if(($("#userName").val()) != ''){
                tip.css({"display":"inline-block"});
                tip.css({"backgroundColor":"green"});
            }else {
                tip.css({"display":"inline-block"});
                tip.css({"backgroundColor":"red"});
                $("#submit").attr("disabled", "true");
            }
            btnDisabled();
        });
        // 判断电话号码
        $("#userPhone").on('keyup',function () {
            let tip = $(this).next();
            if(regPhone.test($("#userPhone").val())){
                tip.css({"display":"inline-block"});
                tip.css({"backgroundColor":"green"});
            }else {
                tip.css({"display":"inline-block"});
                tip.css({"backgroundColor":"red"});
                $("#submit").attr("disabled", "true");
            }
            btnDisabled();
        });

        function btnDisabled() {
            if(regPhone.test($("#userPhone").val()) && regNum.test($("#carNum").val()) && ($("#userName").val()) != ''){
                $("#submit").removeAttr("disabled");
            }  
        };
          
        $("#submit").off().on("click",function () {
            carArr[a].userPhone = $("#userPhone").val();
            carArr[a].seNum = index.eq(0).html();
            carArr[a].carNum = $("#carNum").val();
            carArr[a].village = $("#village").val();
            carArr[a].type = $("#type").val();
            carArr[a].yunYIngMS = $("#yunYIngMS").val();
            carArr[a].yunYIngZT = $("#yunYIngZT").val();
            carArr[a].userName = $("#userName").val();
            // carArr[a].userPhone = $("#userPhone").val();
            carArr[a].shTime = "待审核";
            console.log(carArr[a])
            showTable(carArr);
            $("#carNum").val("");
            $("#userName").val("");
            $("#userPhone").val("");
            $("#myModal").modal('hide');
            $(".tips").css({"display":"none"});
        });
    });

    // 删除
    $("#carOperateTable").on("click",".del",function () {
        let index = $(this).attr('data-index');
        carArr.splice(index,1);
        showTable(carArr);
        pages();
    });

    // 分页
    pages();
    function pages() {
        $("#divPage").html('');
        let rowsShown = 10;//每页显示多少行
        let rowsTotal = $("#carOperateTable tbody tr").length;//获取总共的行
        let numPages = Math.ceil(rowsTotal/rowsShown);//计算出多少页
        $("#divPage").html('');
        for (let i = 0; i < numPages; i++) {
            let pageNum = i+1;
            $("#divPage").append("<button rel="+ i +" class=\"btn btn-primary page\">"+pageNum+"</button>&nbsp;");
        }
        $("#carOperateTable tbody tr").hide();
        $("#carOperateTable tbody tr").slice(0,rowsShown).show();
        $("#divPage button:first").addClass('active');
        $("#divPage button").on('click',function () {
            $("#divPage button").removeClass('active');//移除所有页码的active
            $(this).addClass('active');       //为当前页加上
            let currPage = $(this).attr('rel');  //取出页码上的值
            let startItem = currPage*rowsShown;  //行数的开始 = 页码*每页显示的行数
            let endItem = startItem+rowsShown;
            $("#carOperateTable tbody tr").hide();  //全部行隐藏
            $("#carOperateTable tbody tr").slice(startItem,endItem).css('display','table-row');
        });
    }
        // 重置
    $("#reset").click(function () {
        $("#carOperateTable select").val("全部");
        rowShow();
    })
})


// 车位档案
$(function () {
    var carArr = [
        {
            seNum : 1,
            carNum : 'A1001',
            village : 'A区',
            type : '地面',
            yunYIngMS : '租赁',
            createTime : '2021/06/07 09:23:23',
        },
        {
            seNum : 2,
            carNum : 'A1001',
            village : 'B区',
            type : '地库',
            yunYIngMS : '销售',
            createTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 3,
            carNum : 'A1007',
            village : 'B区',
            type : '地面',
            yunYIngMS : '销售',
            createTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 4,
            carNum : 'A1008',
            village : 'B区',
            type : '地库',
            yunYIngMS : '租赁',
            createTime : '2021/06/08 09:23:23',
        },
        {
            seNum : 5,
            carNum : 'A1109',
            village : 'B区',
            type : '地面',
            yunYIngMS : '租赁',
            createTime : '2021/06/08 09:23:23',
        }
    ];
    function showTable(carArr){
        var res='';
        for(let i=0;i<carArr.length;i++){
            res+='<tr class="trr2"><td>'+carArr[i].seNum+'</td><td>'+carArr[i].carNum+'</td><td>'+carArr[i].village+'</td><td>'+carArr[i].type+'</td><td>'+carArr[i].yunYIngMS+'</td><td>'+carArr[i].createTime+'</td><td>'+'<a class="createRe" data-index='+i+' data-toggle="modal" data-target="#exampleModal" >编辑</a><span>            </span><a class="del"" >删除</a>'+'</td></tr>';
        }
        $("#carArchivesTable tbody").html(res);
        rowShow();
    }
    showTable(carArr);
    function rowShow() {
        for (let i = 0; i < $("#carArchivesTable tbody tr").length; i++) {
            if(i<10){
                $("#carArchivesTable tbody tr").eq(i).show();
            }else {
                $("#carArchivesTable tbody tr").eq(i).hide();
            }
            
        }
    }
    // 文本框查询
    $("#carArchivesTable").on("keyup","input",function () {
        let value =  $(this).val();
        for (let i = 0; i < carArr.length; i++) {
            $(".trr2").hide().filter(":contains('" + (value) + "')").show();
        }
    });
    // 下拉列表查询
    $(function () {
        $("#se1").change(function () {
            for (let j=0;j<carArr.length;j++) {
                if($(this).val() == '全部'){
                    $(".trr2").eq(j).show();
                    rowShow();
                }else if ($(this).val() == carArr[j].village) {
                    $(".trr2").eq(j).show();
                }
                else {
                    $(".trr2").eq(j).hide();
                }
            }
        });
        $("#se2").change(function () {
            for (let j=0;j<carArr.length;j++) {
                if($(this).val() == '全部'){
                    $(".trr2").eq(j).show();
                    rowShow();
                }else if ($(this).val() == carArr[j].type) {
                    $(".trr2").eq(j).show();
                }
                else {
                    $(".trr2").eq(j).hide();
                }
            }
        });
        $("#se3").change(function () {
            for (let j=0;j<carArr.length;j++) {
                if($(this).val() == '全部'){
                    $(".trr2").eq(j).show();
                    rowShow();
                }else if ($(this).val() == carArr[j].yunYIngMS) {
                    $(".trr2").eq(j).show();
                }
                else {
                    $(".trr2").eq(j).hide();
                }
            }
        });
    })
        // 修改
        $("#carArchivesTable").on("click",".createRe",function () {
            var a = $(this).parent().parent().index();
            $("#myModal2").modal('show');
            $("#submit2").attr("disabled", "true");
            var index = $(this).parent().parent().children();
            var regNum = /^A\d{4}$/;//车位号
            // 判断车位号
            $("#carNum2").on('keyup',function () {
                let tip = $(this).next();
                if(regNum.test($("#carNum2").val())){
                    tip.css({"display":"inline-block"});
                    tip.css({"backgroundColor":"green"});
                    $("#submit2").removeAttr("disabled");
                }else {
                    tip.css({"display":"inline-block"});
                    tip.css({"backgroundColor":"red"});
                    $("#submit2").attr("disabled", "true");
                }
                
            });
            var index = $(this).parent().parent().children();
            $("#submit2").off().on("click",function () {
                carArr[a].seNum = index.eq(0).html();
                carArr[a].carNum = $("#carNum2").val();
                carArr[a].village = $("#village2").val();
                carArr[a].type = $("#type2").val();
                carArr[a].yunYIngMS = $("#yunYIngMS2").val();
                showTable(carArr);
                $("#myModal2").modal('hide');
                $(".tips").css({"display":"none"})
                $("#carNum2").val("");
            });
        });


    // 添加
    $("#addTr").on("click",function () {
        $("#addModal").modal('show');
        $("#submitAdd").attr("disabled", "true");
        var regNum = /^A\d{4}$/;//车位号
        // 判断车位号
        $("#carNumAdd").on('keyup',function () {
            let tip = $(this).next();
            if(regNum.test($("#carNumAdd").val())){
                tip.css({"display":"inline-block"});
                tip.css({"backgroundColor":"green"});
                $("#submitAdd").removeAttr("disabled");
            }else {
                tip.css({"display":"inline-block"});
                tip.css({"backgroundColor":"red"});
                $("#submitAdd").attr("disabled", "true");
            }
        });
        $("#seNumAdd").on('keyup',function () {
            let tip = $(this).next();
            let trNum = $("#carArchivesTable tbody tr").length;
            for (let i = 0; i < trNum; i++) {
                if(Number($("#seNumAdd").val()) == carArr[i].seNum){
                    tip.css({"display":"inline-block"});
                    tip.css({"backgroundColor":"red"});
                    $("#submitAdd").attr("disabled", "true");
                    break;
                }else {
                    tip.css({"display":"inline-block"});
                    tip.css({"backgroundColor":"green"});

                }
                
            }
        });
    })
    $("#submitAdd").on('click',function () {
        var datetime = new Date();

        datetime.setTime(new Date().getTime());

        var year = datetime.getFullYear();

        var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;

        var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();

        var hour = datetime.getHours()< 10 ? "0" + datetime.getHours() : datetime.getHours();

        var minute = datetime.getMinutes()< 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();

        var second = datetime.getSeconds()< 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();

        var s = year + "/" + month + "/" + date+" "+hour+":"+minute+":"+second;
        
        let obj = {
            seNum : $("#seNumAdd").val(),
            carNum : $("#carNumAdd").val(),
            village : $("#villageAdd").val(),
            type :  $("#typeAdd").val(),
            yunYIngMS : $("#yunYIngMSAdd").val(),
            createTime : s
        }        
        
        carArr.push(obj);
        showTable(carArr);
        $("#carNumAdd").val("");
        $("#seNumAdd").val('')
        $("#addModal").modal('hide');
        $(".tips").css({"display":"none"});
        pages();
    })
    // 删除
    $("#carArchivesTable").on("click",".del",function () {
        let index = $(this).attr('data-index');
        carArr.splice(index,1);
        showTable(carArr);
        pages();
    });

    // 重置
    $("#reset1").click(function () {
        $("#carArchivesTable select").val("全部");
        rowShow();
    })
        // 分页
    pages();
    function pages() {
        let rowsShown = 10;//每页显示多少行
        let rowsTotal = $("#carArchivesTable tbody tr").length;//获取总共的行
        let numPages = Math.ceil(rowsTotal/rowsShown);//计算出多少页
        $("#divPage2").html('');
        for (let i = 0; i < numPages; i++) {
            let pageNum = i+1;
            $("#divPage2").append("<button rel="+ i +" class=\"btn btn-primary page\">"+pageNum+"</button>&nbsp;");
        }
        $("#carArchivesTable tbody tr").hide();
        $("#carArchivesTable tbody tr").slice(0,rowsShown).show();
        $("#divPage2 button:first").addClass('active');
        $("#divPage2 button").on('click',function () {
            $("#divPage2 button").removeClass('active');//移除所有页码的active
            $(this).addClass('active');       //为当前页加上
            let currPage = $(this).attr('rel');  //取出页码上的值
            let startItem = currPage*rowsShown;  //行数的开始 = 页码*每页显示的行数
            let endItem = startItem+rowsShown;
            $("#carArchivesTable tbody tr").hide();  //全部行隐藏
            $("#carArchivesTable tbody tr").slice(startItem,endItem).css('display','table-row');
        });
    }

})